<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style type="text/css">
table {
    width: 800px;
    height: 300px;
    border-collapse: collapse;
}
table td {
    border: 1px solid #069;
}
body {
    text-align: center;
}
h1 {
    font-family: "微软雅黑", Verdana, sans-serif, "宋体";
    color: #666;
    font-weight: bold;
    margin-bottom: 30px;
}
</style>
</head>
<body>
<script type="text/javascript">
    document.write("<table>");
        for (var i = 1 ; i<=9; i++) {
            document.write("<tr>");
                 for (var j = 1; j<=i; j++) {
                    document.write("<td>"+j+"*"+i+"="+j*i+"</td>");
                 }
            document.write("</tr>");
        }
    document.write("</table>");
</script>
</body>

</html>